﻿<html>

	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" type="text/css" href="/css/downLoad.css" />
		<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
		<link rel="stylesheet" href="/css/bootstrap.min.css">
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script src="/js/bootstrap.min.js"></script>
		<style type="text/css">
			.down_list {
				margin-top: 0px;
				margin-left: 35px;
				margin-right: 35px
			}

			.down_list li:nth-child(1) {
				list-style: none;
				border-bottom: 1px solid #99b5d1;
				background:none;
				padding-left:14px
			}
			.navbar-collapse {
			    padding-right: 0px;
			    padding-left: 0px;
			}

			.down_list li {
				padding-left: 50px;
				padding-right: 30px;
				width: 100%;
				height: 45px;
				line-height: 45px;
				border-bottom: 1px dotted #99b5d1;
				color: #666;
				/*overflow: hidden;*/
				font-size: 14px;
				background: url(/img/downLoad/dianY.png) no-repeat 15px 10px;
				background-size:20px
			}
			.nav {
				margin-left:0px;
			}

			.nav-pills {
				/*height:68px;*/
				background-color: #f6f6f6;
				padding-left:11px;
				margin-top:-5px;
				margin-left:10px

			}

			.nav-pills a {
				color: #666;
			}
/*
			.nav-pills>li.active>a,
			.nav-pills>li.active>a:focus,
			.nav-pills>li.active>a:hover {
				color: #00478B;
				background-color: #f6f6f6;
			}*/
			.nav-pills>li.active>a,
			.nav-pills>li.active>a:focus,
			.nav-pills>li.active>a:hover {
				color: #00478B;
				background-color: #f6f6f6;
			}



			.navbar-left{
				margin-left:360px;
			}
			.img{
				line-height:65px
			}
			.navbar-default {
		    background-color: #f8f8f8;
		    border-color: #e7e7e7;
		    margin-top: -30px;
		}
		.navbar-nav li{
			width:100px;
			text-align: center;

		}
		.container-fluid {
	    /*padding-right: 15px;*/
	    padding-left: 0px;
	    margin-right: auto;
	    margin-left: auto;
	}
	  img{
		margin-top:13px
	}
		</style>
		<title></title>
	</head>

	<body>
		<div class="down_con">
			<nav class="navbar navbar-default">
				<div class="container-fluid">
					<!-- Brand and toggle get grouped for better mobile display -->

					<!-- Collect the nav links, forms, and other content for toggling -->
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav" id="myTab">

								<li>
									<a href="">视频中心</a>
								</li>



						</ul>
						<!-- <form class="navbar-form navbar-left">
							<div class="form-group">
								<input type="text" class="form-control" placeholder="请输入关键词">
							</div>
							<button type="submit" class="btn btn-default">搜索</button>
						</form> -->

					</div>
					<!-- /.navbar-collapse -->
				</div>

				<!-- /.container-fluid -->
			</nav>
			<!--这里书写切换内容-->
			<div class="tab-content">
				<div class="tab-pane active" id=''>
					<ul class="nav nav-pills">

							<li role="presentation" tag="">
								<a class="presentation" href="#" tag=""></a>
							</li>

					</ul>
					<div class="tab-content">

							<div class="tab-pane active first" id="" tag="">
								<ul class="down_list">
									<li><span class="left_list">视频名称</span><span class="right_list2">查看</span><span class="right_list1">发布时间</span></li>
									<li><a href="/market_coo/video?id=7" target="_blank"><span class="left_list">浙江碳银污泥处理处置项目产品及营销培训</span></a><span class="right_list2"><a href="/market_coo/video?id=7" target="_blank">→</a></span><span class="right_list1">2017-9-13</span></li>
									<li><a href="/market_coo/video?id=6" target="_blank"><span class="left_list">绿色金融与水环境产业生态化发展研讨会圆桌论坛P3</span></a><span class="right_list2"><a href="/market_coo/video?id=6" target="_blank">→</a></span><span class="right_list1">2017-9-13</span></li>
									<li><a href="/market_coo/video?id=5" target="_blank"><span class="left_list">绿色金融与水环境产业生态化发展研讨会圆桌论坛P2</span></a><span class="right_list2"><a href="/market_coo/video?id=5" target="_blank">→</a></span><span class="right_list1">2017-9-13</span></li>
									<li><a href="/market_coo/video?id=4" target="_blank"><span class="left_list">绿色金融与水环境产业生态化发展研讨会圆桌论坛P1</span></a><span class="right_list2"><a href="/market_coo/video?id=4" target="_blank">→</a></span><span class="right_list1">2017-9-13</span></li>
									<li><a href="/market_coo/video?id=3" target="_blank"><span class="left_list">2017年8月18日绿享汇第一期超级合伙人交流沙龙</span></a><span class="right_list2"><a href="/market_coo/video?id=3" target="_blank">→</a></span><span class="right_list1">2017-9-13</span></li>
									<li><a href="/market_coo/video?id=2" target="_blank"><span class="left_list">浙江碳银民居分布式光伏电站项目产品及营销培训</span></a><span class="right_list2"><a href="/market_coo/video?id=2" target="_blank">→</a></span><span class="right_list1">2017-9-13</span></li>
									<li><a href="/market_coo/video?id=1" target="_blank"><span class="left_list">浙江碳银“超级合伙人”服务体系介绍</span></a><span class="right_list2"><a href="/market_coo/video?id=1" target="_blank">→</a></span><span class="right_list1">2017-9-13</span></li>
									<li><a href="https://v.qq.com/x/page/e0556rvfw3e.html" target="_blank"><span class="left_list">浙江碳银污泥处理处置技术展示及讲解</span></a><span class="right_list2"><a href="https://v.qq.com/x/page/e0556rvfw3e.html" target="_blank">→</a></span><span class="right_list1">2017-9-13</span></li>
									<li><a href="https://v.qq.com/x/page/e0556rvfw3e.html" target="_blank"><span class="left_list">浙江碳银分布式光伏科普小动画</span></a><span class="right_list2"><a href="https://v.qq.com/x/page/e0556rvfw3e.html" target="_blank">→</a></span><span class="right_list1">2017-9-13</span></li>
								</ul>
								<div class="" style="float:right;margin-right:100px;margin-top:20px;">
									<img src="/img/downLoad/1.png" />
								</div>
							</div>
					</div>

				</div>
			</div>
		</div>
	</body>

</html>
<script>
	$(function() {
		$('#myTab a:first').tab('show');

		$('#guang_one a:first').tab('show');
		$('#guang_two a:first').tab('show');
		$('#wuni a:first').tab('show');
		$('#wushui a:first').tab('show');
		//
		$('#myTab a').click(function(e) {
			e.preventDefault();
			$(this).tab('show');
		})
		$('#guang_one a').click(function(e) {
			e.preventDefault();
			$(this).tab('show');
		})
		$('#guang_two a').click(function(e) {
			e.preventDefault();
			$(this).tab('show');
		})
		$('#wuni a').click(function(e) {
			e.preventDefault();
			$(this).tab('show');
		})
		$('#wushui a').click(function(e) {
			e.preventDefault();
			$(this).tab('show');
		})
	})
</script>
